.orderPay-container {
		display: flex;
		flex-direction: column;
		height: 100%;
		
		.orderPay-main {
			padding: 0 24rpx 134rpx;
			flex: 1;
			overflow: auto;
			
		}
	
		.orderPay-table {
			margin-top: 20rpx;
			display: flex;
			justify-content: flex-end;
	
			&-text {
				padding: 23rpx 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 36rpx;
				line-height: 36rpx;
				background: #E6E6E6;
				border-radius: 8rpx;
			}
		}
		.cm-card{
			padding: 24rpx;
			border-radius: 8rpx;
			background: var(--maincolor);
		}
		.orderPay-pay-card{
			background-image: url('https://oss.jtmckj.com/wmp/kbq/order/i_brand.png');
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			&.spe{
				background-image: url('https://oss.jtmckj.com/wmp/kbq/order/i_store.png');
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
			}
			.pay-card-top{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.top-left{
					width: 300rpx;
					background: linear-gradient(90deg, #2D2D2D, #383838);
					border-radius: 15rpx 0rpx 24rpx 0rpx;
					text-align: left;
					padding: 20rpx 0rpx 16rpx 24rpx;
					&.spe{
						background: linear-gradient(90deg, #2D2D2D, #383838);
					}
					.top-left-title{
						font-family: PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #999999;
						line-height: 32rpx;
						-webkit-background-clip: text;
						max-width: 290rpx;
						white-space: nowrap;
						overflow: hidden; 
						text-overflow: ellipsis;
						padding-bottom: 14rpx;
					}
					.top-left-value{
						font-family: PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #666666;
						line-height: 24rpx;
					}
				}
				.top-right{
					background: #3e3e3e;
					border-radius: 20rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #FEFEFE;
					margin-right: 20rpx;
					padding: 8rpx 9rpx 9rpx 52rpx;
					background-image: url('https://oss.jtmckj.com/wmp/images/order/i_icon_change.png');
					background-position: 20rpx 16rpx;
					background-size: 20rpx 20rpx;
					background-repeat: no-repeat;
				}
			}
			.pay-card-center{
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				margin: 48rpx 40rpx 0;
				padding-bottom: 24rpx;
				border-bottom: 1px solid #333333;
				position: relative;
				.center-left{
					.left-value{
						font-family: PingFang SC;
						font-weight: bold;
						font-size: 48rpx;
						color: #ffffff;
						line-height: 48rpx;
						padding-bottom: 24rpx;
					}
					.left-title{
						font-family: PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #999999;
						line-height: 24rpx;
					}
					.below-item-icon{
						position: absolute;
						bottom: 20rpx;
						left: 120rpx;
						color: #F4E7CC;
						font-size: 22rpx;
						width: 26rpx;
						height: 26rpx;
						line-height: 26rpx;
						border-radius: 50%;
						border: 1px solid #F4E7CC;
						text-align: center;
						border-radius: 50%;
					  }
					  .below-item-tip{
						position: absolute;
						width: 300rpx;
						height: 112rpx;
						bottom: 60rpx;
						left: 90rpx;
						z-index: 990;
						background-image: url('https://oss.jtmckj.com/wmp/kbq/common/i_back_tip.png');
						background-repeat: no-repeat;
						background-size: contain;
						text-align: left;
						padding: 24rpx;
						.tip-title{
						  font-family: PingFang SC;
						  font-weight: 500;
						  font-size: 24rpx;
						  color: #999999;
						  line-height: 40rpx;
						}
					  }
				}
				.center-right{
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #ffffff;
					line-height: 28rpx;
				}
			}
			.pay-card-bottom{
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #999999;
				line-height: 28rpx;
				padding: 26rpx 96rpx;
				background-image: url('https://oss.jtmckj.com/wmp/images/order/i_icon_coin.png');
				background-position: 40rpx 20rpx;
	            background-size: 40rpx 40rpx;
	            background-repeat: no-repeat;
			}
		}
		.orderPay-pay-coupon{
			background: #FFFFFF;
			border-radius: 16rpx;
			padding: 12rpx 24rpx 0;
			.select-coupon{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 8rpx 41rpx 24rpx 84rpx;
				.select-coupon-title{
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #666666;
					line-height: 24rpx;
				}
				.select-coupon-value{
					padding: 0 20rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #666666;
					line-height: 24rpx;
				}
			}
		}
		.orderPay-cell {
			border-bottom: 1px solid var(--mainbaccolor2);
			display: flex;
			justify-content: space-between;
			align-items: cneter;
	
			&.single {
				padding: 29rpx 0;
				.orderPay-cell-info {
					display: flex;
					align-items: center;
				}
			}
			&.multi {
				padding: 40rpx 0;
			}
			&.total {
				justify-content: flex-end;
				padding: 39rpx 0 51rpx 0;
			}
			&-cover {
				display: flex;
					align-items: center;
			}
			&-image {
				display: block;
				width: 60rpx;
				height: 60rpx;
			}
			&-info {
				padding-left: 28rpx;
				flex: 1;
			}
			&-title {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				line-height: 32rpx;
			}
			&-subtitle {
				padding-top: 27rpx;
				display: flex;
			}
			&-can {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #666666;
				line-height: 24rpx;
			}
			&-history {
				padding-left: 40rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #666666;
				line-height: 24rpx;
	
				.highlight {
					color: #FF3333;
				}
			}
			&-panel {
				display: flex;
				align-items: center;
			}
			&-text {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #FF3333;
				line-height: 24rpx;
			}
			&-into {
				display: block;
				width: 12rpx;
				height: 22rpx;
				margin-left: 12rpx;
			}
			&-checkbox {
				width: 32rpx;
				height: 32rpx;
			}
			&-radio {
				width: 32rpx;
				height: 32rpx;
			}
			&-total {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #666666;
				line-height: 24rpx;
			}
			&-total__rmb {
				color: #FF3333;
			}
			&-total__num {
				color: #FF3333;
				font-size: 36rpx;
				line-height: 36rpx;
			}
		}
	
		.orderPay-pay-title {
			padding: 60rpx 0 19rpx 0;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			line-height: 32rpx;
		}
	
		.orderPay-footer {
			.orderPay-footer-yh{
				height: 88rpx;
				width: 100%;
				background-image: url('https://oss.jtmckj.com/wmp/qnjg/pay/i_yh_back.png');
				background-position: center;
	            background-size:100%;
	            background-repeat: no-repeat;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.yh-left{
					display: flex;
					align-items: center;
					.yh-left-tip{
						width: 120rpx;
						height: 40rpx;
						background-image: url('https://oss.jtmckj.com/wmp/qnjg/pay/i_yh_tip.png');
						background-position: center;
						background-size:100%;
						background-repeat: no-repeat;
						margin-right: 16rpx;
						margin-left: 24rpx;
					}
					.yh-left-center{
						.center-title{
							font-family: PingFang SC;
							font-weight: bold;
							font-size: 32rpx;
							color: #212121;
							line-height: 32rpx;
							padding-bottom: 14rpx;
							&.spe{
								color: #FF3333;
							}
						}
						.center-value{
							font-family: PingFang SC;
							font-weight: 500;
							font-size: 20rpx;
							color: #9B3F00;
							line-height: 20rpx;
						}
					}
				}
				.yh-right{
					display: flex;
					align-items: center;
					padding-right: 24rpx;
					.yh-right-title{
						font-family: PingFang SC;
						font-weight: bold;
						font-size: 24rpx;
						color: #212121;
						line-height: 24rpx;
						padding-right: 11rpx;
					}
				}
			}
			&-low {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #FF3333;
				line-height: 24rpx;
				padding: 18rpx 0;
				background: #FFF0E5;
				text-align: center;
			}
			&-main {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 24rpx;
			}
			&-digit {
				// background-color: rgba(13,13,13,.9)
			}
			&-money {
	
			}
			&-money__assist {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 24rpx;
				color: #FF3333;
				line-height: 24rpx;
			}
			&-money__num {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 36rpx;
				color: #FF3333;
				line-height: 36rpx;
			}
			&-money__book{
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 24rpx;
				color: #666666;
				line-height: 24rpx;
			}
			&-quantity {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #666666;
				line-height: 24rpx;
				padding-top: 20rpx;
			}
			&-panel {
				display: flex;
			}
	
			&-share {
		        width: 240rpx;
		        margin: 0;
		        padding: 0;
		        height: inherit;
		        background: var(--maincolorf1);
		        border-radius: 8rpx;
		        font-family: PingFang SC;
		        font-weight: 500;
		        font-size: 32rpx;
		        color: #FFFFFF;
		        line-height: 32rpx;
		        padding: 25rpx 0;
		        border: 1px solid var(--maincolorf1);
		        border-radius: 40rpx;
		        &::after{
		            border: none;
		        }
			}
		}
	}
	
	.cm-order-type-tag {
		vertical-align: 6rpx;
		&.single{
			background: #E5FFF6;
			color: #666666;
		}
	}
	.combo {
	  color: #FFAA00 !important;
	  background: #FFF6E5 !important;
	  border-radius: 4rpx !important;
	}
	.single {
	//   background: #E5FFF6 !important;
	border-radius: 4rpx !important;
	color: #2BD99F !important;
	}
	.cm-cart-cell__desc{
	    font-size: 28rpx;
	    font-weight: 600;
	}
	.cm-cart-cell__money{
	}
	.cm-cart-cell__footer {
		align-items: baseline;
	}
	.cm-cart-collapse__item{
		color: #212121 !important;
	}
	.cm-order-info-wrap.total .cm-order-info{
		border-top: 1px solid var(--line-self--color);
		// border: none;
		border-radius: 0;
	}
	.cm-order-info__rmb{
	  font-size: 24rpx;
	  color: #FF3333;
	}
	.cm-order-info__num{
	  font-size: 36rpx;
		color: #FF3333;
	}
	.CouponBox{
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 100%;
	  // background-color: rgba($color: #000000, $alpha: 0.5)
	  
	}
	.couponContent{
	  height: 1000rpx;
	  background-color: var(--second--back-color);
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  border-radius: 32rpx 32rpx 0 0 ;
	  .couponNav{
	    display: flex;
	    align-items: center;
	    background: #f2f2f2;
	    border-radius: 48rpx 48rpx 0rpx 0rpx;
	    .couponNavItem{
	      width: 50%;
	      text-align: center;
	      .text{
	        color: #666;
	        padding: 20rpx 0;
	      }
	      .line{
	        height: 4rpx;
	        width: 60rpx;
	        margin: auto;
	      }
	    }
	    .couponNavItemA{
	      position: relative;
	      width: 50%;
	      text-align: center;
	      .text{
	        font-weight: 700;
	        padding: 20rpx 0;
	      }
	      .line{
	        height: 4rpx;
	        width: 60rpx;
	        background-color: #fff;
	        margin: auto;
	      }
	    }
	    .couponNavItemA::before{
	      content: '';
	      position: absolute;
	      bottom: 0rpx;
	      left:50% ;
	      transform: translateX(-50%); 
	      width: 60rpx;
	      height: 4rpx;
	      background: #212121;
	      border-radius: 2rpx;
	     }
	  }
	  .couponList{
	    height: 800rpx;
	    overflow-y: scroll;
	    .couponItem{
	      position: relative;
	      display: flex;
	      align-items: center;
	      background-image: url('https://oss.jtmckj.com/wmp/qnjg/coupon/i_card_dui-gay.png');
	      background-size:100% 100%;
	      margin: 20rpx 26rpx;
	      border-radius: 10rpx;
	      overflow: hidden;
	      box-sizing: border-box;
	      padding: 10rpx;
	      .couponItems{
	        position: relative;
	        display: flex;
	        align-items: center;
	        width: 600rpx;
	        height: 160rpx;
	        
	        border-radius: 18rpx;
	        overflow: hidden;
	        .ItemLeft{
	          width: 170rpx;
	          .itemName{
	            position: absolute;
	            top: 0;
	            left: 0;
	            width: 80rpx;
	            height: 32rpx;
	            background: #CCCCCC;
	            border-radius: 16rpx 0rpx 16rpx 0rpx;
	            font-family: PingFang SC;
	            font-weight: 500;
	            font-size: 20rpx;
	            color: #666666;
	          }
	          .itemResult{
	            text-align: center;
	            color: #FF3333;
	            font-size: 26rpx;
	            text{
	              font-size: 36rpx;
	            }
	          }
	        }
	        .ItemRight{
	          width: 400rpx;
	          box-sizing: border-box;
	          padding: 0 20rpx;
	          .itemDate{
	            height: 36rpx;
	            padding: 0 15rpx;
	            line-height: 36rpx;
	            background: #d9d9d9;
	            font-size: 24rpx;
	            color: #999999;
	            margin-bottom: 10rpx;
	          }
	          .itemGoods{
	            color: #212121 !important;
	            font-size: 34rpx;
	            font-weight: bold;
	            padding:0 0 8rpx 0;
	          }
	          .itemLimit{
	            color: #996600;
	            font-size: 24rpx;
	          }
	        }
	        .itemNew{
	          position: absolute;
	          top: 0;
	          right: 0;
	          background: linear-gradient(to right, #FF6A00, #E10119);
	          color: #fff;
	          font-size: 24rpx;
	          padding: 0 14rpx;
	          border-bottom-left-radius: 18rpx;
	        }
	      }
	      .couponCheckBox{
	        width: 70rpx;
	        text-align: right;
	        image{
	          width: 36rpx;
	          height: 36rpx;
	        }
	      }
	      .couponTypeState image{
	        background-color: #666;
	        pointer-events: none;
	      }
	    }
	    .couponItemcanbus {
	       background-image: url(https://oss.jtmckj.com/wmp/qnjg/coupon/i_card_dui.png) !important;
	       background-size: 100% 100% !important;
	       .ItemLeft {
	            .itemName {
	              font-weight: 500;
	              font-size: 20rpx;
	              color: #212121 !important;
	            }
	       }
	       .itemDate {
	         background: #FFF6E5 !important;
	         color: #FFBB33 !important;
	       }
	       .itemGoods {
	            color: #999999 !important;
	       }
	       .itemNew {
	        position: absolute;
	        top: 0;
	        right: 0;
	        background: linear-gradient(to right, #FF6A00, #E10119);
	        color: #fff;
	        font-size: 24rpx;
	        padding: 0 14rpx;
	        border-bottom-left-radius: 18rpx;
	    }
	    }
	  }
	  .couponBtn{
	    height: 90rpx;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    view{
	      padding: 18rpx 80rpx;
	      border-radius: 60rpx;
	      margin-right: 24rpx;
	      font-size: 34rpx;
	      font-weight: bold;
	    }
	    .cancel{
	      color: #666666;
	      border: 2rpx solid #666666;
	    }
	    .confirm{
	      background-color: #212121;
	      border: 2rpx solid #212121;
	    }
	  }
	}
	.fufei {
		    padding: 23rpx 0;
		    border-radius: 40rpx;
		    font-size: 32rpx;
		    line-height: 32rpx;
		    width: 240rpx;
		    margin: 0 0 0 20rpx;
			text-align: center;
			color: var(--maincolor);
			background: var(--maincolorf1);
	}
	
	.orderPay-cell-title {
		color: var(--maincolorf1) !important;
	} 

	.bookTable-container {
		display: flex;
		flex-direction: column;
		height: 100%;

		.bookTable-main {
			flex: 1;
			overflow: auto;
		}

		.scroll-x-none::-webkit-scrollbar {
			display: none;
		}

		.bookTable-top-main {
			background: var(--maincolor);
			border-radius: 16px;
			padding-top: 10rpx;
		}

		.bookTable-footer-yd-price {
			color: var(--maincolorf5);
			font-size: 24rpx;
		}

		.bookTable-date {
			border-bottom: 1px solid var(--maincolorbd6);

			&-list {
				white-space: nowrap;
			}

			&-item {
				width: 145rpx;
				/* background: #FFFFFF;*/
				border-radius: 16rpx;
				text-align: center;
				margin-right: 16rpx;
				padding: 20rpx 0;
				display: inline-block;

				&:last-child {
					margin-right: 0;
				}

				&.active {
					/* background: #212121;*/

					.bookTable-date-time {
						color: var(--dt-colorPink);
					}

					.bookTable-date-name {
						color: var(--dt-colorPink);
					}
				}
			}

			&-name {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: var(--maincolorf1);
				line-height: 28rpx;
			}

			&-time {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: var(--maincolorf8);
				line-height: 24rpx;
				padding-top: 15rpx;
			}
		}

		.bookTable-select {
			/* padding: 0 24rpx;*/
			margin-top: 20rpx;
			background: var(--maincolor);
			border-radius: 16rpx;

			.bookTable-floor {
				display: flex;
				padding: 0rpx 0 0 24rpx;

				&-item {
					background: var(--maincolorf9);
					border-radius: 8rpx;
					text-align: center;
					width: 120rpx;
					padding: 12rpx 0;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: var(--maincolor);
					line-height: 32rpx;
					margin-right: 20rpx;

					&.active {
						color: var(--dt-colorPink);
						background:var(--mainbaccolor);
					}
				}
			}

			.bookTable-exp {
				display: flex;
				padding: 24rpx 0 40rpx 24rpx;

				&-item {
					margin-right: 24rpx;
				}

				&-icon {
					width: 24rpx;
					height: 24rpx;
				}

				&-text {
					margin-left: 12rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: var(--maincolorf1);
					line-height: 24rpx;
				}
			}
		}

		.bookTable-area {
			overflow: hidden;
			padding: 20rpx 0rpx;

			&-holder {
				display: block;
				width: 100%;
				height: 100%;
				background-size: 100% 100%;
				position: relative;
			}

			&-seat {
				position: absolute;
			}

			&-icon {
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.bookTable-type {
			white-space: nowrap;

			.bookTable-type-item {
				width: 144rpx;
				height: 60rpx;
				background: var(--mainbaccolor6);
				border-radius: 8rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: var(--maincolorf1);
				line-height: 60rpx;
				text-align: center;
				margin-left: 20rpx;
				display: inline-block;

				&.active {
					color: var(--maincolor);
					background: var(--dt-backcolorPink);
				}
			}
		}

		.bookTable-bottom-main {
			padding: 300rpx 24rpx 60rpx;
			/* background-image: url("https://oss.jtmckj.com/wmp/qnjg/pre/i_back1.png");*/
			/* background-repeat: no-repeat;*/
			/* background-size: 100% auto;*/

			/* background:url("https://oss.jtmckj.com/wmp/qnjg/pre/i_meng.png") no-repeat center top / 100%,*/
			/* 			 url("https://oss.jtmckj.com/wmp/kbq/book/i_back.png") no-repeat center top / 100%;*/
		}

		.bookTable-suggest {
			background: rgba(204, 204, 204, 0.5);
			border-radius: 16rpx;
			padding: 34rpx 24rpx 24rpx;
			margin-bottom: 20rpx;

			.bookTable-suggest-title {
				width: 164rpx;
				height: 47rpx;
				background-image: url('https://oss.jtmckj.com/wmp/kbq/book/i_icon_suggest.png');
				background-repeat: no-repeat;
				background-size: 100% auto;
				margin-bottom: 24rpx;
			}

			.bookTable-suggest-main {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.main-item {
					width: 202rpx;
					height: 80rpx;
					background: var(--maincolor);
					border-radius: 8rpx;
					border: 2px solid var(--maincolorbd);
					text-align: center;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: var(--maincolorf1);
					line-height: 80rpx;

					&.active {
						background: var(--mainbaccolor7);
						color: var(--maincolor);
					}
				}
			}
		}

		.bookTable-selected {
			background: rgba(255, 255, 255, 0.95);
			border-radius: 16rpx;
			padding: 10rpx;
			display: flex;
			margin-bottom: 20rpx;

			&-table {
				background: var(--dt-backcolorPink);
				border-radius: 8rpx;
				width: 300rpx;
				padding: 0 0 24rpx 24rpx;
			}

			&-big {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 48rpx;
				color: var(--maincolor);
				line-height: 48rpx;
				padding-top: 24rpx;
			}

			&-small {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: var(--maincolor);
				line-height: 26rpx;
				padding-top: 24rpx;
			}

			&-date {
				padding-left: 20rpx;
			}

			&-title {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 36rpx;
				color: var(--maincolorf1);
				line-height: 48rpx;
				padding-top: 30rpx;
			}

			&-subtitle {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: var(--maincolorf5);
				line-height: 26rpx;
				padding-top: 39rpx;
			}
		}

		.bookTable-form {
			&-group {}

			&-heading {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: var(--maincolorf1);
				line-height: 32rpx;
				padding: 60rpx 0 40rpx 0;
			}

			&-item {
				background: var(--maincolor);
				border-radius: 16rpx;
				padding: 0 40rpx;

				&.noPadding {
					padding: 0;
				}
			}

			&-cell {
				border-bottom: 1px solid var(--maincolorbd);
				padding: 34rpx 0;
				display: flex;
				justify-content: space-between;
				align-items: center;

				&.stepper {
					padding: 25rpx 0;
				}

				&:last-child {
					border-bottom: 0;
				}
			}

			&-label {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				color: var(--maincolorf2);
				line-height: 32rpx;
			}

			&-value {
				/* display: flex;*/
			}

			&-input {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				color: var(--maincolorf1);
				line-height: 32rpx;
				text-align: right;
			}

			&-radios {
				display: flex;
			}

			.van-radio__label {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				color: var(--maincolorf1);
				line-height: 32rpx;
				padding-left: 12rpx;
			}

			.van-radio {
				margin-left: 32rpx;
			}

			&-radio {
				width: 32rpx;
				height: 32rpx;
			}

			&-text {
				color: var(--dt-colorPink);
			}

			&-textarea {
				background: var(--maincolor);
				border-radius: 16rpx;

				.van-field__control--textarea {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #212121;
					line-height: 40rpx;
					height: 138rpx;
				}

				.van-field__word-limit {
					color: var(--maincolorf2);
				}

				.van-field__word-num {
					// color: $x-color-primary;
				}
			}

			.van-cell {
				&:after {
					border-bottom: 0;
				}
			}

			.van-stepper__plus,
			.van-stepper__input,
			.van-stepper__minus {
				background: var(--maincolor);
			}

			.van-stepper__input {
				border-left: 1px solid var(--mainbaccolor2);
				border-right: 1px solid var(--mainbaccolor2);
			}

			.van-stepper--square {
				border: 1px solid var(--mainbaccolor2);
			}
		}

		.bookTable-footer {
			background: var(--maincolor);
			border-radius: 24rpx 24rpx 0 0;
			padding: 20rpx 24rpx;
			display: flex;
			justify-content: space-between;

			&-info {
				padding-top: 9rpx;
			}

			&-title {
				display: flex;
				align-items: baseline;
			}

			&-label {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 24rpx;
				color: var(--maincolorf2);
				line-height: 24rpx;
			}

			&-money {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 24rpx;
				color: var(--maincolor);
				line-height: 24rpx;
			}

			&-big {
				font-size: 36rpx;
				font-size: 36rpx;
			}

			&-subtitle {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: var(--maincolorf2);
				line-height: 24rpx;
				padding-top: 22rpx;
			}

			&-control {}

			.book-btn {
				background-image: url('https://oss.jtmckj.com/wmp/qnjg/common/i_icon_tra-right.png');
				background-repeat: no-repeat;
				background-size: 14rpx 24rpx;
				background-position: center right;
				padding-right: 27rpx;
				color: var(--dt-colorPink) !important;
			}

			.yd-sub-btn {
				padding: 24rpx 0;
				border-radius: 40rpx;
				font-size: 32rpx;
				line-height: 32rpx;
				width: 240rpx;
				text-align: center;

				background: var(--mainbaccolor4);
				color: var(--maincolor);
			}
		}
	}

	.booktable-item-radios {
		display: flex;
		align-items: center;
		margin-right: 10rpx;

		text {
			margin-left: 10rpx;
		}
	}

	.orderPay-container {
		background: var(--mainbaccolor);
		padding-top: 20rpx;

		.orderPay-main {
			padding-bottom: 20rpx;
		}
	}

	::v-deep .van-field__control {
		font-size: 32rpx;
		color: var(--maincolorf1);
	}

	::v-deep .van-field__control::placeholder {
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: var(--maincolorf2);
		line-height: 32rpx;
	}

	::v-deep .popup-content {
		padding: 0 !important;
	}